 //初始化
 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-user-select: none;
     -webkit-tap-highlight-color: transparent;
     outline: none;
 }

 html,
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 form,
 fieldset,
 input,
 textarea,
 blockquote,
 p {
     padding: 0;
     margin: 0;
 }

 table,
 td,
 tr,
 th {
     font-size: 12px;
 }

 ol,
 ul {
     list-style: none;
 }

 li {
     list-style-type: none;
 }

 img {
     vertical-align: top;
     border: 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: inherit;
     font-weight: normal;
 }

 address,
 cite,
 code,
 em,
 th,
 i {
     font-weight: normal;
     font-style: normal;
 }

 .clearfix,
 .main,
 .t-nav,
 .conter-box {
     *zoom: 1;
 }

 .clearfix:after,
 .main::after,
 .t-nav:after,
 .conter-box::after {
     display: block;
     overflow: hidden;
     clear: both;
     height: 0;
     visibility: hidden;
     content: ".";
 }

 a {
     text-decoration: none;
     color: #5F5F5F;
     transition: color 0.2s linear 0s;
 }

 a:hover {
     color: #09a3ea;
     text-decoration: none;
 }

 body {
     font: 12px/1.5 "Microsoft yahei", arial, Simsun, sans-serif;
 } //公共内容
 .main {
     width: 1100px;
     margin: 0 auto;
 }

 .pron {
     position: relative;
 } //  头部
 .header-top {
     width: 100%;
     height: 480px;
     background: url(../images/index-banner.jpg);
     position: relative;
 }

 .fiex-top {
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     height: 80px;
     .t-logo {
         float: left;
         padding-top: 8px;
         margin-right: 15px;
     }
     .t-nav {
         float: left;
         li {
             padding-left: 18px;
             padding-right: 18px;
             float: left;
             a {
                 border-top: 3px solid transparent;
                 display: block;
                 padding-top: 12px;
                 color: #555555;
                 text-align: center;
                 font-size: 17px;
                 span {
                     display: block;
                 }
                 &:hover {
                     color: #09a3ea;
                 }
             }
             &.active {
                 a {
                     border-top: 3px solid #09a3ea;
                     color: #09a3ea;
                 }
             }
         }
     }
     .t-right {
         float: right;
         a {
             color: #fff;
             display: inline-block;
             vertical-align: middle;
             margin: 15px 5px;
             font-size: 15px;
             &.englist {
                 border-bottom: 1px solid;
                 border-color: #fff;
                 padding: 5px 0;
             }
             &.conslis {
                 padding: 5px 20px;
                 border: 1px solid;
                 border-color: #fff;
             }
             &:hover {
                 color: #09a3ea;
                 border-color: #09a3ea;
             }
         }
     }
     &.open {
         background: #fff;
         box-shadow: 0 1px 5px 2px #eee;
         .t-right {
             a {
                 color: #555555;
                 border-color: #555555;
                 &:hover {
                     color: #09a3ea;
                     border-color: #09a3ea;
                 }
             }
         }
     }
 } // 搜索
 .search-box {
     width: 100%;
     padding-top: 360px;
 }

 .t-search {
     width: 450px;
     background: rgba(0, 0, 0, 0.7);
     padding: 15px;
     border-radius: 5px;
     margin: 0px auto;
     .inputbox {
         width: 100%;
         position: relative;
         padding-right: 80px;
     }
     .inputtxt {
         font-size: 11px;
         padding-top: 10px;
         a {
             color: #fff;
             padding: 0 2px;
             &:hover {
                 color: #09a3ea;
             }
         }
     }
 }

 .input-text {
     width: 100%;
     border: none;
     height: 35px;
     line-height: 35px;
     padding: 0 15px;
     border-radius: 5px;
     border: 1px solid #555555;
 }

 .seabtn {
     position: absolute;
     width: 60px;
     height: 35px;
     line-height: 35px;
     border: none;
     border-radius: 5px;
     background: #09a3ea url(../images/search.png) no-repeat;
     background-size: 30px;
     background-position: 15px 3px;
     color: #fff;
     cursor: pointer;
     right: 5px;
     top: 0px;
     -webkit-transition: all 0.25s linear;
     transition: all 0.25s linear;
     -ms-transition: all 0.25s linear;
     -moz-transition: all 0.25s linear;
     &:hover {
         opacity: 0.9;
         background-size: 35px;
         background-position: 15px 1px;
     }
 }

 input:focus {
     border: 1px solid;
     border-color: #09a3ea;
     outline: 0;
     -webkit-box-shadow: inset 0 10px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
     box-shadow: inset 0 10px 2px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
 } // 默认内容
 .conter-box {
     width: 100%;
 } // 脚部
 .pdt50 {
     padding-top: 50px;
 }

 .pdb30 {
     padding-bottom: 30px;
 }

 .footer-box {
     width: 100%;
     background: #393939;
     .footer-left {
         float: left;
         .ermbox {
             margin-right: 5px;
             float: left;
             li {
                 float: left;
                 width: 97px;
                 height: 118px;
                 background: #fff;
                 border-radius: 5px;
                 margin-right: 10px;
                 padding: 5px 5px;
                 img {
                     display: block;
                     width: 82px;
                     height: 82px;
                     margin: 3px auto;
                 }
                 span {
                     color: #444;
                 }
             }
         }
         .left-img {
             float: left;
             margin-top: 15px;
         }
     }
     .footer-right {
         float: right;
         .f-nav {
             display: block;
             margin-top: 70px;
             font-size: 14px;
             margin-bottom: 5px;
             text-align: right;
             span {
                 color: #5F5F5F;
             }
             a {
                 display: inline-block;
                 padding: 0 15px;
                 &:last-child {
                     padding-right: 0;
                 }
             }
         }
         .t-text {
             font-size: 13px;
             color: #5F5F5F;
         }
     }
 } //  标题
 .cont-title {
     width: 100%;
     text-align: center;
     overflow: hidden;
     margin-top: 30px;
     margin-bottom: 20px;
     span {
         padding-top: 15px;
         border-top: 3px solid #09a3ea;
         display: inline-block;
         font-weight: bold;
         font-size: 20px;
     }
     em {
         font-size: 13px;
         color: #bfc3c8;
     }
 }

 .mabo30 {
     margin-bottom: 30px;
 } // 产品展示
 .index-chanp {
     width: 100%;
     li {
         float: left;
         width: 18%;
         margin-right: 2%;
         padding: 15px;
         border: 1px solid #fff;
         img,
         span,
         em {
             display: block;
             text-align: center;
         }
         .aimg {
             width: 100%;
             overflow: hidden;
             height: 210px;
         }
         img {
             margin: 0 auto;
             width: 90%;
             margin: 0 auto;
             -webkit-transition: all 0.28s linear;
             -ms-transition: all 0.28s linear;
             -moz-transition: all 0.28s linear;
             transition: all 0.28s linear;
         }
         &:last-child {
             margin-right: 0;
         }
         span {
             font-size: 13px;
             font-weight: bold;
             padding-bottom: 10px;
         }
         em {
             font-size: 12px;
             color: #b8bbc0;
             &.lobule {
                 color: #09a3ea;
             }
         }
         &:hover {
             box-shadow: 0 2px 12px 1px #ccc;
             img {
                 -webkit-transform: scale(1.1);
                 -ms-transform: scale(1.1);
                 -moz-transform: scale(1.1);
                 transform: scale(1.1);
             }
             span,
             em {
                 color: #09a3ea;
             }
         }
     }
 }

 .bgf8 {
     background: #f8f8f8;
 }

 .pad20 {
     padding: 20px 0;
 }

 .mr0 {
     margin-right: 0!important;
 }

 .nonbans {
     width: 100%;
     li {
         width: 32%;
         float: left;
         margin-right: 2%;
         img {
             width: 100%;
             -webkit-transition: all 0.28s linear;
             -ms-transition: all 0.28s linear;
             -moz-transition: all 0.28s linear;
             transition: all 0.28s linear;
         }
         &::last-child {
             margin-right: 0;
         }
         a {
             display: block;
             overflow: hidden;
             .uuimg {
                 width: 100%;
                 overflow: hidden;
                 margin-bottom: 5px;
             }
             span {
                 font-size: 16px;
                 font-weight: bold;
                 color: #8b8b8b;
                 display: block;
                 margin-bottom: 4px;
             }
             em {
                 font-size: 13px;
                 width: 100%;
                 display: block;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
             }
             &:hover {
                 img {
                     -webkit-transform: scale(1.1);
                     -ms-transform: scale(1.1);
                     -moz-transform: scale(1.1);
                     transform: scale(1.1);
                 }
                 span {
                     color: #09a3ea;
                 }
             }
         }
     }
 } // 标题
 .swipe-box {
     width: 100%;
     padding: 25px;
     position: relative;
     min-height: 250px;
     .swiper-container {
         width: 80%;
         height: 100%;
         margin: 0 auto;
         background: #ecedef;
         overflow: hidden;
         min-height: 250px;
     }
     .swiper-slide {
         width: 100%;
         padding: 10px;
         padding-left: 315px;
         position: relative;
         a {
             display: block;
             .uiimg {
                 width: 290px;
                 height: 220px;
                 background: #fff;
                 overflow: hidden;
                 position: absolute;
                 left:10px;
                 top: 10px;
                 img {
                     width: 100%;
                     height: 100%;
                 }
             }
             .uiitext {
                 width: 100%;
                 position: relative;
                 h3 {
                     font-size: 15px;
                     color: #09a3ea;
                     padding-bottom: 5px;
                     padding-top: 10px;
                 }
                 .context {
                     width: 100%;
                     padding-top: 15px;
                     font-size: 13px;
                     display: -webkit-box;
                     -webkit-box-orient: vertical;
                     -webkit-line-clamp: 5;
                     overflow: hidden;
                     position: relative;
                     padding-left: 10px;
                     &::after {
                         content: '';
                         position: absolute;
                         width: 2px;
                         height: 40px;
                         background: #09a3ea;
                         position: absolute;
                         left: 0;
                         top: 20px;
                     }
                 }
             }
         }
     }
 }

 .conlins {
     width: 100%;
     margin-top: 10px;
     text-align: center;
     .cokkss {
         display: inline-block;
         padding: 10px 60px;
         border: 1px solid #09a3ea;
         color: #09a3ea;
         margin-bottom: 30px;
         &:hover {
             background: #09a3ea;
             color: #fff;
         }
     }
 } // 合作品牌
 .pintile {
     width: 100%;
     position: relative;
     text-align: center;
     i {
         width: 100%;
         height: 1px;
         background: #ccc;
         position: absolute;
         left: 0;
         top: 25px;
         z-index: 1;
     }
     span {
         display: inline-block;
         background: #fff;
         z-index: 3;
         padding: 10px 30px;
         font-weight: bold;
         font-size: 16px;
         color: #7f7f7f;
         position: relative;
     }
 }

 .pipto {
     width: 100%;
     margin-top:10px;
     margin-bottom: 30px;
     li {
         float: left;
         margin-bottom: 15px;
         text-align: center;
     }
 } // 关于我们
 .guanyuwomen {
     width: 100%;
     position: relative;
     padding-left: 220px;
     min-height: 600px;
     margin: 30px 0 0 0;
     padding-bottom: 40px;
     .uilef {
         width: 220px;
         height: 100%;
         position: absolute;
         left: 0;
         top: 0;
         background: #f8f8f8;
         .conul {
             width: 100%;
             li {
                 width: 100%;
                 position: relative;
                 -webkit-transition: all 0.15s linear;
                 -ms-transition: all 0.15s linear;
                 -moz-transition: all 0.15s linear;
                 transition: all 0.15s linear;
                 .gywmx {
                     padding: 10px 20px;
                     font-size: 15px;
                     font-weight: bold;
                     border-left: 2px solid transparent;
                     position: relative;
                     cursor: pointer;
                     .posia {
                         width: 15px;
                         height: 15px;
                         background: #09a3ea;
                         position: absolute;
                         border-radius: 50%;
                         right: 15px;
                         top: 15px;
                         &::before {
                             position: absolute;
                             content: "";
                             width: 6px;
                             height: 1px;
                             background: #fff;
                             left: 3px;
                             top: 8px;
                             -webkit-transform: rotate(45deg);
                             -ms-transform: rotate(45deg);
                             -moz-transform: rotate(45deg);
                             transform: rotate(45deg);
                             -webkit-transition: all 0.25s linear;
                             -ms-transition: all 0.25s linear;
                             -moz-transition: all 0.25s linear;
                             transition: all 0.25s linear;
                         }
                         &::after {
                             position: absolute;
                             content: "";
                             width: 6px;
                             height: 1px;
                             background: #fff;
                             right: 3px;
                             top: 8px;
                             -webkit-transform: rotate(-45deg);
                             -ms-transform: rotate(-45deg);
                             -moz-transform: rotate(-45deg);
                             transform: rotate(-45deg);
                             -webkit-transition: all 0.25s linear;
                             -ms-transition: all 0.25s linear;
                             -moz-transition: all 0.25s linear;
                             transition: all 0.25s linear;
                         }
                     }
                 }
                 .gywnav {
                     width: 100%;
                     a {
                         display: block;
                         padding: 9px 25px;
                         position: relative;
                         font-size: 13px;
                         &::before {
                             content: "";
                             position: absolute;
                             width: 5px;
                             height: 5px;
                             background: #09a3ea;
                             border-radius: 50%;
                             left: 10px;
                             top: 17px;
                         }
                         &.active {
                             color: #09a3ea;
                         }
                     }
                 }
                 &.active {
                     background: #fff;
                     .gywmx {
                         color: #09a3ea;
                         border-left: 2px solid #09a3ea;
                         .posia {
                             &::before {
                                 -webkit-transform: rotate(135deg);
                                 -ms-transform: rotate(135deg);
                                 -moz-transform: rotate(135deg);
                                 transform: rotate(135deg);
                                 top: 7px;
                             }
                             &::after {
                                 -webkit-transform: rotate(-135deg);
                                 -ms-transform: rotate(-135deg);
                                 -moz-transform: rotate(-135deg);
                                 transform: rotate(-135deg);
                                 top: 7px;
                             }
                         }
                     }
                 }
             }
         }
     }
 }

 .uirigth {
     width: 100%;
     position: relative;
     padding: 0 15px;
     .urir-tile {
         width: 100%;
         padding: 0px 20px 18px 0px;
         font-weight: bold;
         font-size: 16px;
         border-bottom: 1px solid #eee;
         color: #5F5F5F;
     }
     .urir-text {
         width: 100%;
         position: relative;
         padding: 25px 0 0px 0;
         p {
             font-size: 13px;
             color: #555555;
             line-height: 24px;
         }
     }
 } // 产品漂浮导航
 .posf-nav {
     width: 100%;
     background: #fff;
     box-shadow: 0 1px 10px 1px #eee;
     margin-top: 50px;
     border-radius: 6px;
     .posf-ul {
         width: 100%;
         li {
             float: left;
             width: 20%;
             a {
                 display: block;
                 text-align: center;
                 padding: 10px 0;
                 border-radius: 6px;
                 span {
                     display: block;
                     font-weight: bold;
                     font-size: 14px;
                     color: #666666;
                 }
                 em {
                     color: #cbcbcb;
                 }
                 &:hover {
                     span,
                     em {
                         color: #09a3ea;
                     }
                 }
             }
             &:last-child {
                 a {
                     border-right: none;
                 }
             }
             &.active {
                 a {
                     background: #09a3ea;
                     span {
                         color: #fff;
                     }
                 }
                 &:hover {
                     a {
                         opacity: 0.8;
                     }
                 }
             }
         }
     }
 } // 产品购买
 .chanp-boxs {
     width: 100%;
     position: relative;
     .coin-lef {
         width: 500px;
         float: left;
         height: 500px;
         padding: 25px;
     }
     .swiper-container {
         width: 100%;
         height: 300px;
         margin-left: auto;
         margin-right: auto;
     }
     .gallery-top {
         height: 80%;
         width: 100%;
         .swiper-slide {
             width: 100%;
             height: 100%;
             img {
                 width: 100%;
                 height: 100%;
             }
         }
     }
     .gallery-thumbs {
         height: 20%;
         box-sizing: border-box;
         padding: 10px 0;
         .swiper-slide {
             width: 100%;
             border: 1px solid #ccc;
             height: 100%;
             img {
                 width: 100%;
                 height: 100%;
             }
         }
     }
     .gallery-thumbs .swiper-slide {
         width: 60px;
         height: 60px;
         opacity: 0.5;
     }
     .gallery-thumbs .swiper-slide-active {
         opacity: 1;
     }
 }

 .coin-rig {
     width: 600px;
     height: 500px;
     float: left;
     padding: 25px;
     .chntilte {
         width: 100%;
         position: relative;
         span {
             font-weight: bold;
             font-size: 22px;
             display: block;
             margin-bottom: 10px;
         }
         em {
             color: #09a3ea;
             font-size: 15px;
         }
     }
     .chtn-text {
         width: 100%;
         margin-top: 40px;
         span {
             display: block;
             overflow: hidden;
             font-size: 15px;
             color: #b3b3b3;
             margin-bottom: 10px;
             em {
                 width: 80px;
                 float: left;
                 text-align: right;
                 display: inline-block;
                 vertical-align: middle;
             }
             i {
                 font-weight: bold;
                 display: inline-block;
                 margin-top: -7px;
                 color: #f13b49;
                 vertical-align: middle;
                 b {
                     font-size: 24px;
                     margin-right: 8px;
                 }
             }
         }
     }
 }

 .bor1 {
     border: 1px solid #eee;
 }

 .jjh3 {
     width: 100%;
     display: block;
     margin-bottom: 9px;
     span {
         padding-bottom: 10px;
         border-bottom: 1px solid #09a3ea;
         color: #09a3ea;
         font-size: 16px;
     }
 }

 .jjh4 {
     padding: 15px;
     width: 100%;
     position: relative;
     overflow: hidden;
     .tt {
         font-size: 14px;
         color: #a0a0a0;
     }
     .uulin {
         width: 100%;
         position: relative;
         overflow: hidden;
         margin-top: 20px;
         li {
             float: left;
             width: 33%;
             padding: 10px;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
             font-size: 14px;
             color: #a0a0a0;
         }
     }
 }

 .coppimg {
     width: 100%;
     position: relative;
     margin-top: 50px;
     margin-bottom: 100px;
     img {
         width: 100%;
         vertical-align: top;
     }
 }

 // 关于我们
 .About-box {
     width: 100%;
     padding: 15px;
     min-height: 500px;
     box-shadow: 0 10px 20px 5px #eee;
     position: absolute;
     top: -50px;
     background: #fff;
     .About-main {
         width: 100%;
         margin-bottom: 20px;
         padding: 15px;
         .gosjj {
             width: 100%;
             position: relative;
             span {
                 display: inline-block;
                 font-size: 15px;
                 font-weight: bold;
                 position: relative;
                 padding-right: 15px;
                 color: #555555;
                 &::after {
                     content: '';
                     width: 5px;
                     height: 5px;
                     background: #555555;
                     position: absolute;
                     right: 4px;
                     top: 11px;
                     border-radius: 50%;
                 }
             }
             a {
                 display: inline-block;
                 margin-left: 4px;
                 padding: 2px 15px;
                 border-radius: 4px;
                 border: 1px solid #555555;
                 color: #555555;
                 &:hover {
                     opacity: 0.8;
                     background: #09a3ea;
                     color: #fff;
                     border: 1px solid #09a3ea;
                 }
             }
         }
         .gosstxt {
             width: 80%;
             position: relative;
             margin-top: 15px;
             li {
                 width: 100%;
                 position: relative;
                 overflow: hidden;
                 a {
                     display: block;
                     position: relative;
                     padding-left: 20px;
                     padding-top: 12px;
                     padding-bottom: 10px;
                     border-bottom: 1px dashed #b8bbc0;
                     overflow: hidden;
                     span {
                         font-size: 14px;
                         color: #555555;
                         float: left;
                     }
                     em {
                         float: right;
                         font-size: 13px;
                         margin-top: 1px;
                     }
                     &::after {
                         content: '';
                         width: 5px;
                         height: 5px;
                         background: #555555;
                         position: absolute;
                         left: 4px;
                         top: 21px;
                         border-radius: 50%;
                     }
                     &:hover {
                         span {
                             color: #09a3ea;
                         }
                         &::after {
                             background: #09a3ea;
                         }
                     }
                 }
             }
         }
     }
 }

 .Newsbox {
     width: 100%;
     padding-bottom: 50px;
     position: relative;
     .Newbox-left {
         width: 80px;
         float: left;
         min-height: 500px;
         padding-right: 20px;
         .uttlti {
             width: 100%;
             background: #09a3ea;
             color: #fff;
             text-align: center;
             font-size: 15px;
             font-weight: bold;
             padding: 8px 0;
         }
         .uttul {
             width: 100%;
             margin-bottom: 20px;
             li {
                 width: 100%;
                 text-align: center;
                 padding: 10px 0;
                 font-size: 14px;
                 border-left: 1px solid #09a3ea;
                 font-weight: bold;
                 cursor: pointer;
                 &:hover {
                     color: #09a3ea;
                 }
                 &.active {
                     color: #09a3ea;
                 }
             }
         }
     }
     .Newbox-right {
         width: 1020px;
         float: left;
        min-height: 500px;
         .Newob-text {
             width: 100%;
             font-size: 22px;
             font-weight: bold;
             color: #555555;
             margin-bottom: 20px;
         }
         .newboul {
             width: 100%;
             position: relative;
             overflow: hidden;
             padding: 20px;
             li {
                 width: 100%;
                 margin-bottom: 15px;
                 a {
                     display: block;
                     position: relative;
                     overflow: hidden;
                     .newimg {
                         width: 320px;
                         height: 210px;
                         float: left;
                         overflow: hidden;
                         img {
                             width: 100%;
                             height: 100%;
                             -webkit-transition: all 0.28s linear;
                             -ms-transition: all 0.28s linear;
                             -moz-transition: all 0.28s linear;
                             transition: all 0.28s linear;
                         }
                     }
                     .newtext {
                         float: left;
                         width: 660px;
                         height: 210px;
                         padding: 20px;
                         p {
                             width: 100%;
                             font-size: 14px;
                             padding-top: 50px;
                             display: -webkit-box;
                             -webkit-box-orient: vertical;
                             -webkit-line-clamp: 4;
                             overflow: hidden;
                         }
                     }
                 }
                 &:hover{
                    box-shadow: 0 2px 12px 1px #ccc;
                 img {
                        -webkit-transform: scale(1.1);
                        -ms-transform: scale(1.1);
                        -moz-transform: scale(1.1);
                        transform: scale(1.1);
                    }
                 }
             }
         }
     }
 }




//  新闻内容
.new-nav{
 width: 100%;
 position: relative;
font-size: 13px;
 .nn1{
     color: #b3b3b3;
 }
 
}
.newbox{
    width: 100%;
    margin-top: 30px;
    .new-hd{
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        h3{
            font-weight: bold;
            font-size: 20px;
            margin-bottom: 20px;
        }
        span{
            font-size: 14px;
            color: #666666;
            em{
                color: #444;
                font-weight: 600;
            }
        }
    }
    .new-bd{
        width: 100%;
        padding: 15px 0;
        p{
            color: #8b8b8b;
            padding: 10px 0;
            line-height: 25px;
        }
        img{
            vertical-align: top;
            max-width: 100%;
        }
    }
}